import { FC } from 'react'
import { Swiper } from 'react-vant'
import { Image } from "antd-mobile";

const BannerSwiper: FC = () => {
    const bannerUrl = [
        'http://www.hongniang.com/public/home/images/banner20192.png',
        // 'https://clf-blind-box.oss-cn-hangzhou.aliyuncs.com/static/bannerThree_png.png',
        'https://clf-blind-box.oss-cn-hangzhou.aliyuncs.com/static/bannerTow_png.png',
        'https://clf-blind-box.oss-cn-hangzhou.aliyuncs.com/static/banner_png.png'
    ]
    return (
        <>
            <Swiper loop={true} autoplay>
                {bannerUrl.map((item, index) => (
                    <Swiper.Item key={index}>
                        <Image fit='cover' height={160} src={item} alt="" />
                    </Swiper.Item>
                ))}
            </Swiper>
        </>
    )
}

export default BannerSwiper